<template>
    <el-form-item label-width="0">
        <el-divider class="custom-divider-margin-top">组件特有属性</el-divider>
        <div class="attributeED-editor">
            <div>
                <span class="label_">是否为全屏</span>
                <el-switch v-model="optionModels.fullscreen"></el-switch>
            </div>
            <div>
                <span class="label_">是否需要遮罩</span>
                <el-switch v-model="optionModels.modal"></el-switch>
            </div>
            <div>
                <span class="label_">遮罩插入body</span>
                <el-switch v-model="optionModels.modalAppendToBody"></el-switch>
            </div>
            <div>
                <span class="label_">Dialog插入body</span>
                <el-switch v-model="optionModels.appendToBody"></el-switch>
            </div>
            <div>
                <span class="label_">锁定body滚动</span>
                <el-switch v-model="optionModels.lockScroll"></el-switch>
            </div>
            <div>
                <span class="label_">点击遮罩可关闭</span>
                <el-switch v-model="optionModels.closeOnClickModal"></el-switch>
            </div>
            <div>
                <span class="label_">ESC关闭dialog</span>
                <el-switch v-model="optionModels.closeOnPressEscape"></el-switch>
            </div>
            <div>
                <span class="label_">显示关闭按钮</span>
                <el-switch v-model="optionModels.showClose"></el-switch>
            </div>
            <div>
                <span class="label_">关闭时销毁元素</span>
                <el-switch v-model="optionModels.destroyOnClose"></el-switch>
            </div>
        </div>
    </el-form-item>
</template>
<script>

export default {
    name: "attributeED-editor",
    components: {},
    props: {
        designer: Object,
        selectedWidget: Object,
        optionModel: Object,
    },
    computed: {
        optionModels() {
            return this.selectedWidget.options.attributeED
        }
    },
    data() {
        return {}
    }

}
</script>
<style scoped lang="scss">
.attributeED-editor {
  > div {
    .label_ {
      display: inline-block;
      width: 120px;
      box-sizing: border-box;
      padding-right: 12px;
      font-size: 13px;
      color: #606266;
    }
  }
}
</style>
